import React   from 'react';
// ref 获取表单组件
class App extends React.Component {
  //  表单组件引入 ref={this.myname} 后,我们可以通过 this.myname 获取表单组件本身,通过  this.myname.current.value 获取 input 标签的值
  myname = React.createRef();
  render() {
    return (
      <div>
        {/* <input ref="mytext"/> */}
        <input ref={this.myname} />
        <button
          onClick={() => {
            // ref 能够拿到 
            console.log("click", this.myname.current.value);
          }}
        >
          add1
        </button>

        <button onClick={this.handleClick2}>add2</button>
      </div>
    );
  }

  handleClick2 = () => {
    console.log("click2", this.myname.current.value);
  };
}

export default App;